<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>事件监听</title>
</head>
<body>
    <button class="btn">张宇会飞</button>

    <script>
        // 需求： 点击button按钮，页面会弹出一个警示框，内容显示 '选课成功'
        // 事件监听语法:
        // 元素对象.addEventListener('事件类型', 事件处理函数)
        // 1. 获取元素对象 button按钮
            const btn = document.querySelector('.btn')
            console.log(btn)
            
        // 2. 事件监听 
            btn.addEventListener('click',function(){
                alert('张宇真的飞了')
            })
            
    </script>
</body>
</html>